<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
    <title>上架兼职</title>
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
    <script language="javascript" type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js" /></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/jquery-ui-slide.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript">
                var showtime2=function(){
		            $("#addtime").hide();
		            $("#timeadd1").show();
	            }
	            var deltime2=function(){
		            $("#timeadd1").hide();
		            $("#addtime").show();
	             }
            $(document).ready(function(){
                
                $('#jobtime1').datetimepicker();
                $('#jobtime2').datetimepicker();
                $(".daohang4tan").hide();
                $(".daohang5tan").hide();


                $(".daohang4,.daohang4tan").hover(function(){
                    $(".daohang4").css({"background":"white","border":"1px solid #EEEEEE"});
                    $(".daohang4tan").show();
                },function(){
                    $(".daohang4").css({"background":"#C1CDC1","border":"0px"});
                    $(".daohang4tan").hide();
                });

                $(".daohang5,.daohang5tan").hover(function(){
                    $(".daohang5").css({"background":"white","border":"1px solid #EEEEEE"});
                    $(".daohang5tan").show();
                },function(){
                    $(".daohang5").css({"background":"#C1CDC1","border":"0px"});
                    $(".daohang5tan").hide();
                });

            });


    </script>
    <style type="text/css">
        body{
            font-family:微软雅黑;
            margin:0px;
            padding:0px;
            font-size:14px;
            background-color:#FFF8DC;
        }
        .hui{
            background: #C1CDC1;
            width:100%;
            height:40px;
            position:relative;
            margin:0px;
            border:1px solid #EEEEEE;
        }
        .daohang{

            width:420px;
            height:40px;
            position:absolute;
            right:162px;
        }
        .daohang div a{
            font-size:14px;
            margin-left:20px;
            margin-top:10px;
            text-decoration:none;
            display:block;
            color:black;
        }
        .daohang div a:hover{
            font-size:14px;
            margin-left:20px;
            margin-top:10px;
            text-decoration:none;
            display:block;
            color:#F22E00;
        }
        .daohang1{
            width:70px;
            height:40px;
            position:absolute;
        }
        .daohang2{
            width:70px;
            height:40px;
            position:absolute;
            margin-left:70px;
        }
        .daohang3{
            width:70px;
            height:40px;
            position:absolute;
            margin-left:140px;
        }
        .daohang4{
            width:110px;
            height:40px;
            position:absolute;
            margin-left:210px;
            border:0px;
        }
        .daohang5{
            width:100px;
            height:40px;
            position:absolute;
            margin-left:320px;
        }
        .daohang4tan{
            width:110px;
            height:100px;
            border:1px solid #EEEEEE;
            margin-left:210px;
            margin-top:40px;
            position:absolute;
            background:white;
            z-index:9;
        }
        .daohang5tan{
            width:100px;
            height:100px;
            border:1px solid #EEEEEE;
            margin-left:320px;
            margin-top:40px;
            position:absolute;
            background:white;
            z-index:9;
        }
p,form,ul,dl,ol,li,dt,dd,h1,h2,h3,h4{margin:0;padding:0;list-style:none;} 
select,input{font:100% Tahoma,Helvetica,Arial,sans-serif;vertical-align:middle;}
i{/*float:left;*/line-height:29px;vertical-align:middle;font-family:Tahoma;font-style:normal;color:#EE2200;padding-right:10px;}
.textstyle{float:left;display:inline;height:22px;line-height:22px;padding:5px 10px;vertical-align:middle;border:1px solid;border-color:#ccc #e8e8e8 #e8e8e8 #ccc;margin-right:5px;}
.selestyle{float:left;height:33px;padding:5px 10px;vertical-align:middle;border:1px solid;border-color:#ccc #e8e8e8 #e8e8e8 #ccc;margin-right:5px;}
#topinfomsg{ color:#333; padding:10px 10px 10px 34px; background:#FFFBCC url(img/psearch.gif) no-repeat 0px -173px; line-height:20px; margin:0px 10px 10px; border:1px solid #f5eddc; position:relative; }

.fe_htmleditor .toolbar {background:#E7F3FF;padding:1px 0;height:22px;/* width:350px!important*/}
.fe_htmleditor .toolbar button {display:inline-block;*float:left;*display:block;*zoom:1;background: none no-repeat scroll 0 0 transparent;vertical-align:top;color: #333333;cursor: pointer;height: 18px;width: 18px;border:1px solid #e7f3ff;overflow: visible;background-image:url('img/htmleditor.png');margin:2px 0px;}
.fe_htmleditor .toolbar button.hover {border:1px solid;border-color:#fff #999 #999 #fff}
.fe_htmleditor .toolbar button.btnSelect {border:1px solid;border-color:#999 #fff #fff #999}
.fe_htmleditor .toolbar .bold, .fe_htmleditor .toolbar .bold:hover {background-position: -1px -1px}
.fe_htmleditor .toolbar .underline, .fe_htmleditor .toolbar .underline:hover {background-position: -37px -2px}
.fe_htmleditor .toolbar .forecolor, .fe_htmleditor .toolbar .forecolor:hover {background-position: -101px -1px}
.fe_htmleditor .toolbar .fontsize, .fe_htmleditor .toolbar .fontsize:hover {background-position: -246px -1px}
.fe_htmleditor .editor p, .fe_htmleditor .editor div {margin:5px 0px;display:block;width:344px}

.box_table{width:100%;margin-top:10px;font-size:14px;}
.box_table th{width:120px;font-weight:normal;text-align:right;padding:7px 10px 7px 0;height:34px;line-height:34px;color:#585858;white-space:nowrap;vertical-align:top;}
.box_table th span{float:right;}
.box_table td{padding:7px 0;color:#333;vertical-align:middle;}
.action_color{ border:1px solid #1d95f6!important; background:#feffe3  left top repeat-x;}
.wrong_color{  border:1px solid #ff9a9a!important; background:#feffe3  left top repeat-x;}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } 
.ui-timepicker-div dl { text-align: left; } 
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } 
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } 
.ui-timepicker-div td { font-size: 90%; } 
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } 
.ui_tpicker_hour_label,.ui_tpicker_minute_label,.ui_tpicker_second_label, 
.ui_tpicker_millisec_label,.ui_tpicker_time_label{padding-left:20px}
    </style>
</head>
<body  style=" padding-right: 16px;">
<div class="hui">
    <div class="daohang">
        <div class="daohang1"><a href="../php/index.php">首页</a></div>
        <div class="daohang2"><a href="../php/login.php">登陆</a></div>
        <div class="daohang3"><a href="../php/register.php">注册</a></div>
        <div class="daohang4"><a href="#">我的淘兼职</a></div>
        <div class="daohang5"><a href="#">关于我们</a></div>

        <div class="daohang4tan"><a href="../php/gerenzhongxin.php">个人信息</a><a href="#">添加修改简历</a><a href="#">查看招聘信息</a></div>
        <div class="daohang5tan"><a href="#">网站简介</a><a href="#">组织结构</a><a href="#">发展历程</a></div>
    </div>
</div>
<div class="rongqi" style="border:0px solid red;width:1024px;top:20px;height:1300px;position:relative;margin:0 auto;cursor:default;">
    <img src="img/taologo2.jpg" style="width:160px;margin-left: 150px;margin-top: 10px;">
   <div style="margin-left: 350px;margin-top: -50px;font-size: 20px;">上架新的兼职</div>
    <p style="margin-left: 160px;margin-top: 30px;font-weight: 700;">&nbsp</p>
    <div style="margin-left: 160px;border-top: 2px solid #eaeaea;width: 824;top:-10px;height:750px;position:relative;">
        <div >
         <form method="post">
             <br>
             <div id="topinfomsg">1、同一类别请勿发布重复信息，严禁向应聘者收费，否则删除信息，并锁定账户。</br>
2、职位描述中不能包含电话、QQ、邮箱等联系方式，否则删除信息！</div>
            <table class="box_table">
                <tbody>
                    	<tr>
                            <th>
                                <span><i>*</i>兼职名称</span>
                            </th>
                            <td>
                                <div class="contedit zidx101">
                                <input class="textstyle" id="jobName" maxlength="12" name="Title" value=""  type="text">
                            </div>
                            </td>
                        </tr>
                 
                    <tr>
                        <th><span><i>*</i>招聘人数</span></th>
                        <td>
                            <div >
                                <span>
                                <input type="text" name="zhaopinrenshu" id="zhaopinrenshu" value="" maxlength="3" class="textstyle">
                                </span>
                                <span class="lh34">人</span>
                            </div>
                            <span id="zhaopinrenshu_Tip"></span>
                        </td>
                    </tr>
                    <tr>
                        <th><span><i>*</i>兼职有效期</span></th>
                        <td>
                            <span class="inputnor">
                              <input placeholder="开始时间" id="d4311" class="Wdate" type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'d4312\')}',minDate:'%y-%M-%d'})"/>
                            </span>
                            <span >-</span>
                            <span class="inputnor">                                 
                                 <input placeholder="结束时间" id="d4312" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')||\'2020-10-01\'}'})"/>
                            </span>
                            <span>
                                <a id="addtime" href="javascript:void(0)" onclick="showtime2()" class="linkTip" style="line-height: 32px;display: none;">添加</a>
                            </span>
                            <span id="gongzuoshijian_Tip"></span>
                        </td>
                    </tr>
                     <tr id="timeadd1">
                        <th><span></span></th>
                        <td>
                            <span class="inputnor">
                                <input placeholder="开始时间" id="d4313" class="Wdate" type="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4314\')||\'2020-10-01\'}',minDate:'%y-%M-%d'})"/> 
                            </span>
                            <span >-</span>
                            <span class="inputnor">
                                  <input placeholder="结束时间" id="d4314" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4313\')||\'2020-10-01\'}'})"/>
                            </span>
                            <span>
                                <a href="javascript:void(0)" onclick="deltime2()" class="linkTip" style="line-height: 32px;">删除</a>
                            </span>
                            <span id="gongzuoshijian_Tip"></span>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            <span><i>*</i>兼职时间</span>
                        </th>
                        <td id="period">
                        <span class="inputnor">
                        <input placeholder="开始时间" id="d4315" class="Wdate" type="text" onFocus="WdatePicker({dateFmt:'HH:mm'})"/>
                        </span>
                        <span >-</span>
                        <span class="inputnor">
                            <input placeholder="结束时间" id="d4316" class="Wdate" type="text" onFocus="WdatePicker({dateFmt:'HH:mm',minDate:'#F{$dp.$D(\'d4315\')}'})"/>
                        </span>
                                                        <span id="period_Tip"></span>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            <span><i>*</i>兼职薪酬</span>
                        </th>
                        <td>
                            <span>
                                <input class="textstyle" id="xinzi" name="xinzi" f="{0}" except="??" maxlength="3" type="text">
                            </span>
                            <span class="lh34">元</span>
                            <span id="probSala_Tip"></span>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            <span><i>*</i>详细信息</span>
                        </th>
                        <td>
                           <!--  <div id="div_htmleditor">
                                <div id="fe_htmleditor_comp" class="fe_htmleditor">
                                    <div class="toolbar" style="width: 480px;">
                                        <span><button class="bold" title="加粗"></button></span>
                                        <span><button class="underline" title="下划线"></button></span>
                                        <span><button class="forecolor" title="颜色"></button></span>
                                     </div>
                                     <div id="fe_htmleditor_iframe_comp" name="fe_htmleditor_iframe_comp" contenteditable="true" class="editor" focus_height="260" focus_width="620" style="height: 92px; width: 474px;">
                                         <div><br></div>
                                         </div>
                                         </div>
                                         </div>
                                           <textarea id="Content" name="Content" placeholder="请填写详细工作地址" style="border-style: solid;width:0px; height:0px; display:none;"></textarea>
                                          <span id="Content_Tip" class="htmleditorTip"></span>
                            <div id="divContentValue" style="display:none;">
                            </div> -->
                            <textarea cols=50 rows=5 style="margin-top:-10px;sition: absolute" placeholder="描述工作内容与要求"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            <span><i>*</i>联系人</span>
                        </th>
                        <td>
                            <div style="z-index:81;">
                                <input type="text" name="goblianxiren" id="txtContP" class="textstyle" value="" except="" maxlength="6">
                            </div>
                            <span id="goblianxiren_Tip"></span>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            <span><i>*</i>联系电话</span>
                        </th>
                        <td>
                            <div style="z-index:81;">
                                <input title="不公开" class="textstyle" type="text" id="lianxifangshi" name="lianxifangshi" value="" except="">
                        <span>
                            <input type="checkbox" id="showcontact" name="showcontact">不公开
                        </span>
                                <span id="lianxifangshi_Tip"></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            <span>接收邮箱</span>
                        </th>
                        <td>
                            <div style="position:relative;float:left;display:inline;vertical-align:middle;z-index:81;">
                                <input class="textstyle" id="Email" value="" name="Email" except="null" type="text">
                            </div>
                            <span id="Email_Tip"></span>
                        </td>
                    </tr>
                    <tr id="tr_city">
	                   <th><span>工作城市</span></th>
	                   <td>
	                       <select class="selestyle" id="jobCity" name="jobCityName">
                               <option>请选择</option>
                            </select>
	                    </td>
                    </tr>
                    <tr id="tr_simpleArea">
	                   <th><span>工作区域</span></th>
	                   <td>
	                       <select class="selestyle" id="jobArea" name="jobAreaName">
                               <option>请选择</option>
                            </select>
	                    </td>
                    </tr>
                    <tr>
	                   <th><span>详细信息</span></th>
	                    <td>
		                     <div style="position:relative;float:left;display:inline;vertical-align:middle;z-index:81;">
			                         <input id="txtdeAddress" class="textstyle" maxlength="200" name="address" value="" type="text" placeholder="请填写详细工作地址">
			                 <span id="txtdeAddress_Tip"></span>
		                     </div>
	                    </td>
                     </tr>
                 </tbody>
              </table>
            <br>
            <p style="margin-left: 100px;"><input type="submit" name="submit" value="提交"style="background-color: #FF5500;height: 40px;width: 150px;font-size: 20px;color: #ffffff"></p>
        </form>
        </div>
    </div>
 </div>
<!--底部-->
<div class="dibu" style="width:100%;height:160px;border:1px solid white;position:absolute;top:1300px;">
        <div style="width:100%;height:12px;background:#FF5500"></div>
        <div style="width:100%;height:1px;border-top:1px dashed #FF5500;margin-top:3px;"></div> 
        <table style="width:80%;height:80%;text-align:center;margin-left:73px">
        <tr>
            <td rowspan=2><img src="img/taologo.jpg" style="width:170px;"></td>
            <td><a href="#">联系我们</a></td>
            <td><a href="#">加入我们</a></td>
            <td><a href="#">关注我们</a></td>
            <td rowspan=2><img src="img/erweima.jpg" style="width:110px;"></td>
        </tr>
        <tr>
            <td><a href="#">关于我们</a></td>
            <td><a href="#">友情链接</a></td>
            <td><a href="#">意见反馈</a></td>
        </tr>      
        </table>
        <p style="margin-left:550px;">www.taojianzhi.com</br>网络版权归淘兼职所有</p>
    </div><!--底部-->


</body>
</html>